<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>仿站电商平台</title>
</head>
<style>
  * {
    margin: 0;
    padding: 0;
  }

  h1 {
    width: 1200px;
    margin: 0 auto;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: skyblue;
    color: white;
    position: relative;
    color: white;
  }

  h1>p {
    font-size: 20px;
    /* font-weight: 400; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }

  h1>p>a {
    text-decoration: none;
    color: red;
  }

  form input {
    width: 400px;
  }

  form {
    width: 600px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 3px solid pink;
    border-radius: 15px;
    margin: 30px auto;
    padding-top: 50px;
    position: relative;
  }

  form>label {
    height: 50px;
    font-size: 22px;
  }

  form label a {
    text-decoration: none;
    color: skyblue;
  }

  form>label>input {
    margin-left: 20px;
    font-size: 22px;
  }

  form>label>select {
    margin-left: 20px;
    font-size: 22px;
  }

  form>button {
    font-size: 22px;
  }
</style>

<body>
  <h1>修改密码
    <!-- <p class="p1"><a href="">修改密码</a></p> -->
    <p class="p2"><a href="./index.html">回到首页</a></p>
  </h1>
  <form>
    <label>原始密码：<input class="oldPassword" type="password"></label>
    <label>新密码：<input class="newPassword" type="password"style="margin-left: 43px"></label>
    <label>确认新密码：<input class="rNewPassword" type="password"style="margin-left: 0px"></label>
    <button>确认修改</button>
  </form>
</body>
<script src="./js/axios.min.js"></script>
<script src="./js/http.js"></script>
<script src="./js/pwd.js"></script>

</html>